<!--系统公告详情页-->
{include file="public/header"}
</head>
<body><!-- onload='loaded()' -->
	
	<!-- UC强制全屏 -->  
 <meta name="full-screen" content="yes">  
 <!-- QQ强制全屏 -->  
 <meta name="x5-fullscreen" content="true">  
 <!-- UC应用模式-->  
 <meta name="browsermode" content="application">  
 <!-- QQ应用模式 -->  
 <meta name="x5-page-mode" content="app"> 
<title>{$title}</title>
</head>
<link rel="stylesheet" href="__TEMPLATE__/mobile/index/css/global.css"
	type="text/css">
<script src="__TEMPLATE__/sysme/js/jquery-1.9.1.min.js"></script>
<style>
body,#wrapper_1 {
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
} /*解决苹果滚动条卡顿的问题*/
#wrapper_1 {
	overflow-y: visible !important;
}

body.login-bg {
	padding-top: 97px;
}

.lott-menu {
	position: fixed;
	top: 44px;
	left: 0;
	margin-top: 0 !important;
}
</style>
<style>
body{
	background-color: #f5f5f9;
}
.gray {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}
 #tsk{width:200px;height:150px;display:none;background:#fff;position:absolute;top:200px;left:50%;margin-left:-100px;border-radius: 5px;text-align: center;font-size:14px;z-index: 1111;}
    #ts{width:60px;height:30px;position:absolute;bottom:10px;left:50%;margin-left:-25px;background:#e7aea6;line-height:30px;border-radius: 4px;color:#fff;z-index: 22222;}
    #tsk p{width:100%;height:70px;position:absolute;top:0;right:0;top:0;bottom:0;margin:auto;text-align: center;color:#f00;font-weight:bold;z-index: 111111;font-size:18px;}
</style>
	<style type="text/css">



.content{
	width:100%;
    position: absolute;
    top: 50px;
}

.left ul .list_title{
	height:32px;
	line-height:40px;
	border-bottom: 1px solid #f1efef;
   list-style: none;
	line-height:32px;
}
.left ul li{/*padding:0 18px;*/width:100%;line-height:33px;}
.left ul li span{
	display:block;
	padding-left:5px;
	color:#5a8ce8;
	float:left;
	
}

.left ul li .list_title span{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.left ul li i{
	margin-top:12px;
	width:8px;
	height:8px;
	display:block;
	margin-left:6px;
	border-radius: 50%;
	float:left;margin-right:6px;
	background:#d73021;
	
}
.right{
	width:79%;
	height:415px;
	float:left;
	display:none;
}
.right-title{
	height:70px;
	line-height:70px;
    color: red;
    text-align: center;
    margin-left: 30px;
	border-bottom: 1px solid #f1efef;
}
.cur{
	background:#f3f1f1;
}
.right-content{
	margin-left: 15px;
    margin-top: 15px;
	height:329px;
	
}
.list_content{
	display:none;
	font-size: 14px;
}
.list_content span{
display:block;padding:0 3%;text-indent: 24px;color:#666;width:94%;
}
.list_content span img{display:block;width:95%;margin:0 auto;}
</style>
<div class="header">
    <div class="headerTop">
        <div class="ui-toolbar-left">
            <button id="reveal-left" onClick="window.history.go(-1);">reveal</button>
        </div>
        <h1 class="ui-toolbar-title">{$title}</h1>
    </div>
</div>

	<div class="content" style="overflow: auto;height:90%;">
	<div class="left">
		<ul>
		{foreach($uis as $item)}
			<li class="list_title" id="title_{$item.id}"> <i></i><span style="width:90%;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height:32px;line-height:32px;">{$item.title}</span></li>
			<li class="list_content teshu"  is_click='yes' id="content_title_{$item.id}">
				<p style="padding-left:10px;margin:10px 0;line-height:20px;">{$item.title}</p>
				<div>{$item.ggtext}<p style="border-top: 1px solid #e5e5e5;margin-left: -14px;padding-left: 20px;color: #999;">{$item.fatime|date="Y-m-d H:i:s",###}</p></div>
			</li>
		{/foreach}
		</ul>
	</div>
	



 </div>
 <script>
 	$(".left .list_title").click(function(){
    	$(".left .teshu").slideUp(200)
    	var identify=$(this).attr('id')
		if($('#content_'+identify).css('display')=='none'){
		  $('#content_'+identify).slideDown(200)
	    }else{
			$('#content_'+identify).slideUp(200)
           
		}
	})
 </script>
{include file="public/footer"}
